<template>
 <div>
   <div v-if="dialogVisible">
     <el-dialog title="信息确认并提交" :visible.sync="dialogVisible" width="700px">
       <div>
         <div v-for="(item, i) in systemGuifanFilesProcessList" :key="i">
           <div class="mb20">
            <b>管理信息<span v-if="systemGuifanFilesProcessList.length>1">({{index + 1}})</span></b>
           </div>
           <procss-work :item="item"></procss-work>
           <preview-file :detail="item"></preview-file>
         </div>
         <preview-process-record :guifanFilesProcessRecordList="guifanFilesProcessRecordList"></preview-process-record>
         <div class="pub_center"><el-button size="small" type="primary" @click.once="close()">提交</el-button></div>
       </div>
     </el-dialog>
   </div>
 </div>
</template>

<script>
  import procssWork from './procss-work.vue';
export default {
  props: {
    type: String,
    guifanFilesProcessRecordList: [],
    systemGuifanFilesProcessList: []
  },
  components: {
    procssWork
  },
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    init() {
      this.dialogVisible = true;
    },
    close() {
      this.$emit('close');
    }
  }
};
</script>

<style scoped="scoped">
.table1 {
  margin-bottom: 20px;
}

table {
  width: 660px;
}
</style>
